<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>{{collection.title}}</title>
    <link rel="stylesheet" type="text/css" href="{{static_files}}/style.css">
</head>
<body>
<div id="bodyContent">
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr>
            <td class="s0" colspan="19">{{collection.title}}</td>
            <td class="s2" colspan="21">{{date}}</td>
        </tr>
    </table>
   {% for record in records %}
    <div class="row">
        <table border="1" cellpadding="0" cellspacing="0">
            <tr style="height: 1px">
                <td width="5%"/>
                <td width="5%"/>
                <td width="5%"/>
                <td width="5%"/>
                <td width="5%"/>
                <td width="5%"/>
                <td width="5%"/>
                <td width="5%"/>
                <td width="5%"/>
                <td width="5%"/>
                <td width="5%"/>
                <td width="5%"/>
                <td width="5%"/>
                <td width="5%"/>
                <td width="5%"/>
                <td width="5%"/>
                <td width="5%"/>
                <td width="5%"/>
                <td width="5%"/>
                <td width="5%"/>
            </tr>
            <tr style="height:15px"><td colspan="20" class="s6"></td></tr>
            <tr style="height:20px">
                <td colspan="8" class="s4">{{titles.catalognum1}} {{record.catalognum1}}</td><td colspan="12" class="s4">{{record.title}}</td>
            </tr>
            <tr>
            {% if record.reverse_image %}
                <td colspan="4" rowspan="12" class="s10"><img src="{{static_files}}/{{record.stamp_image}}" width="150" alt=""></td>
                <td colspan="4" rowspan="12" class="s10"><img src="{{static_files}}/{{record.reverse_image}}" width="150" alt=""></td>
             {% else %}
                <td colspan="8" rowspan="12" class="s10"><img src="{{static_files}}/{{record.stamp_image}}" width="150" alt=""></td>
            {% endif %}
                <td colspan="2" class="s6">{{titles.year}}:</td><td colspan="10" class="s5">{{record.year}}</td>
            </tr>
            <tr>
                <td colspan="2" class="s6">{{titles.country}}:</td><td colspan="10" class="s5">{{record.country}}</td>
            </tr>
            <tr>
            {% if record.issue_date %}
                {% if record.emission_period  %}
                    <td colspan="2" class="s6">{{titles.issue_date}}:</td><td colspan="2" class="s5">{{record.issue_date}}</td>
                    <td colspan="3" class="s6">{{titles.emission_period}}:</td><td colspan="5" class="s5">{{record.emission_period}}</td>
                {% else %}
                    <td colspan="2" class="s6">{{titles.issue_date}}:</td><td colspan="10" class="s5">{{record.issue_date}}</td>
                {% endif %}
             {% else %}
                <td colspan="2" class="s6">{{titles.emission_period}}:</td><td colspan="10" class="s5">{{record.emission_period}}</td>
             {% endif %}
            </tr>
            <tr>
                <td colspan="2" class="s6">{{titles.denomination}}:</td><td colspan="10" class="s5">{{record.denomination}}</td>
            </tr>
             <tr>
                <td colspan="2" class="s6">{{titles.series}}:</td><td colspan="10" class="s5">{{record.series}}</td>
            </tr>
              <tr>
                <td colspan="2" class="s6">{{titles.theme}}:</td><td colspan="10" class="s5">{{record.theme}}</td>
            </tr>
            <tr>
                <td colspan="2" class="s6">{{titles.type}}:</td><td colspan="10" class="s5">{{record.type}}</td>
            </tr>
            <tr>
                <td colspan="2" class="s6">{{titles.status}}:</td><td colspan="10" class="s5">{{record.status}}</td>
            </tr>
            <tr>
                <td colspan="2" class="s6">{{titles.material}}:</td><td colspan="10" class="s5">{{record.material}} {{record.material_type}}</td>
            </tr>
            <tr>
                <td colspan="2" class="s6">{{titles.printing}}:</td><td colspan="10" class="s5">{{record.printing}}</td>
            </tr>
            <tr>
                <td colspan="2" class="s6">{{titles.perforation}}:</td><td colspan="10" class="s5">{{record.perforation}} {{record.perforation_size}}</td>
            </tr>
            <tr>
                <td colspan="2" class="s6">{{titles.cancellation}}:</td><td colspan="10" class="s5">{{record.cancellation}}</td>
            </tr>
            {% if record.variety %}
                <tr>
                    <td class="s6">{{titles.variety_image}}:</td>
                    <td colspan="7" class="s5">{{record.variety}}</td>
                    <td colspan="12" class="s5">{{record.variety_desc}}</td>
                </tr>
             {% endif %}
            {% if record.features %}
                <tr>
                    <td class="s6">{{titles.features}}:</td><td colspan="19" class="s8">{{record.features}}</td>
                </tr>
            {% endif %}
            <tr style="height:15px">
                <td colspan="20" class="s6"></td>
            </tr>
            <tr>
                <td colspan="4" class="s6">{{titles.price1}}:</td><td colspan="5" class="s5">{{record.price2}}</td>
                <td colspan="4" class="s6">{{titles.price4}}:</td><td colspan="7" class="s5">{{record.price4}}</td>
            </tr>
            <tr>
                <td colspan="4" class="s6">{{titles.price2}}:</td><td colspan="5" class="s5">{{record.price2}}</td>
                <td colspan="4" class="s6">{{titles.price5}}:</td><td colspan="7" class="s5">{{record.price5}}</td>
            </tr>
            <tr>
                <td colspan="4" class="s6">{{titles.price3}}:</td><td colspan="5" class="s5">{{record.price3}}</td>
                <td colspan="4" class="s6">{{titles.price6}}:</td><td colspan="7" class="s5">{{record.price6}}</td>
            </tr>
            <tr>
                <td colspan="4" class="s6">{{titles.currency}}:</td><td colspan="16" rowspan="2" class="s8">{{record.currency}}</td>
            </tr>
            <tr style="height:15px"><td colspan="20" class="s6"></td></tr>
        </table>
    </div>
    {% endfor %}
</div>
</body>
</html>
